@-webkit-keyframes slideDown {
  0%   {
    opacity: 0; 
    -webkit-transform: rotateX(-90deg);
  }
  100%   {
    opacity: 1; 
    -webkit-transform: rotateX(0deg);
  }
}
@-webkit-keyframes slideUp {
  0%   {
    opacity: 1; 
    -webkit-transform: rotateX(0deg);
  }
  100%   {
    opacity: 0; 
    -webkit-transform: rotateX(-90deg);
  }
}

@-moz-keyframes slideDown {
  0%   {
    opacity: 0; 
    -moz-transform: rotateX(-90deg);
  }
  100%   {
    opacity: 1; 
    -moz-transform: rotateX(0deg);
  }
}
@-moz-keyframes slideUp {
  0%   {
    opacity: 1; 
    -moz-transform: rotateX(0deg);
  }
  100%   {
    opacity: 0; 
    -moz-transform: rotateX(-90deg);
  }
}

@-o-keyframes slideDown {
  0%   {
    opacity: 0; 
    -o-transform: rotateX(-90deg);
  }
  100%   {
    opacity: 1; 
    -o-transform: rotateX(0deg);
  }
}
@-o-keyframes slideUp {
  0%   {
    opacity: 1; 
    -o-transform: rotateX(0deg);
  }
  100%   {
    opacity: 0; 
    -o-transform: rotateX(-90deg);
  }
}
